<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/boyi.css" type="text/css">
</head>
<body>
    <div class="header">
        <img class="header_logo" src="jpg/logo.jpg" alt="">
        <form action="#">
            <input class="header_search" type="text" placeholder="SEARCH...">
        </form>
        <img class="header_image" src="jpg/search.jpg" alt="">
        <div class="kong"></div>
        <ul class="header_shop">
            <li class="header_shop_title">
                <a class="link" href="#">博易主页</a>
            </li>
            <li class="header_shop_msg">
                <a class="link" href="#">公司简介</a>
            </li>
            <li class="header_shop_msg">
                <a class="link" href="#">博易课堂</a>
            </li>
            <li class="header_shop_msg">
                <a class="link" href="#">博易纪要</a>
            </li>
            <li class="header_shop_msg">
                <a class="link" href="#">技术博客</a>
            </li>
            <li class="header_shop_msg">
                <a class="link" href="#">博易英雄榜</a>
            </li>
            <li class="header_shop_msg">
                <a class="link" href="#">公司位置</a>
            </li>
            <li class="header_shop_footer">
                <a class="link" href="#">联系我们</a>
            </li>
        </ul>
    </div>
    <div class="logo">
        <a href="#">
            <img class="link logo_imgs" src="jpg/icon.jpg" alt="">
        </a>
    </div>
    <div class="content">
        <div class="content_left">
        <h3 class="content_title">博易新闻</h3>
        <ul class="content_ul">
            <li>
                <a class="content_ul_containe" href="#">
                    秦皇岛博易科技开发有限公司
                    <span class="content_ul_containe_nav">2016-9-20</span>
                </a>
            </li>
            <li>
                <a class="content_ul_containe" href="#">
                    秦皇岛博易科技免费课正式开课
                    <span class="content_ul_containe_nav">2016-9-20</span>
                </a>
            </li>
            <li>
                <a class="content_ul_containe" href="#">
                    秦皇岛博易科技董家口之行
                    <span class="content_ul_containe_nav">2016-9-20</span>
                </a>
            </li>
            <li>
                <a class="content_ul_containe" href="#">
                    秦皇岛博易科技前端开发在线课堂正式上线
                    <span class="content_ul_containe_nav">2016-9-20</span>
                </a>
            </li>
            <li>
                <a class="content_ul_containe" href="#">
                    秦皇岛博易科技与学员共度中秋佳节
                    <span class="content_ul_containe_nav">2016-9-20</span>
                </a>
            </li>
        </ul>
        </div>
        <div class="content_center">
            <a class="content_center_link" href="#">
                <h3>公司简介</h3>
            </a>
            <a class="content_center_link" href="#">
                <h5>公司的宗旨</h5>
            </a>
            <a class="content_center_link" href="#">
                <p>搭建一个免费的学习平台</p>
            </a>
            <a class="content_center_link" href="#">
                 <p>让博学变得更容易</p>
            </a>
        </div>
        <div class="content_right">
            <a class="content_right_link" href="#">
                <h3>人才信息</h3>
            </a>
            <a class="content_right_link" href="#">
                <p>培养一流前端工程师</p>
            </a>
            <a class="content_right_link" href="#">
                <p>实现企业与人才的完美融合</p>
            </a>
            <img class="content_image" src="jpg/more.jpg" alt="">
            <img class="content_imgs" src="jpg/tree.jpg" alt="">
        </div>
        <div class="content_bottom">
            <h3>博易论坛</h3>
            <ul>
                <li class="content_bottom_pulic">
                    <a class="content_bottom_pulic_link" href="#">
                        <img class="content_bottom_image" src="jpg/未标题1.jpg" alt="">
                    </a>
                    <a class="content_bottom_pulic_link" href="#">
                        <p>如何才能成为一名合格的前端开发工程师</p>
                    </a>
                    <a class="content_bottom_pulic_link" href="#">
                        <p>作为刚接触前端不久的童鞋，大家都会...</p>
                    </a>
                </li>
                <li class="content_bottom_pulic">
                    <a class="content_bottom_pulic_link" class="content_bottom_pulic_image" href="#">
                        <img class="content_bottom_image" src="jpg/未标题2.jpg" alt="">
                    </a>
                    <a class="content_bottom_pulic_link" href="#">
                        <p>前端独立技术博客推荐</p>
                    </a>
                    <a class="content_bottom_pulic_link" href="#">
                        <p>从起初觉得搞技术拥有独立博客是标配...</p>
                    </a>
                </li>
                <li class="content_bottom_pulic">
                    <a class="content_bottom_pulic_link" href="#">
                        <img class="content_bottom_image" src="jpg/未标题3.jpg" alt="">
                    </a>
                    <a class="content_bottom_pulic_link" href="#">
                        <p>测试代码时你会犯的11个错误</p>
                    </a>
                    <a class="content_bottom_pulic_link" href="#">
                        <p>如果你不确定要不要编写测试或者...</p>
                    </a>
                </li>
                <li class="content_bottom_pulic">
                    <a class="content_bottom_pulic_link" class="content_bottom_pulic_image" href="#">
                        <img class="content_bottom_pulic_link_one" src="jpg/未标题4.jpg" alt="">
                    </a>
                    <a class="content_bottom_pulic_link" href="#">
                        <p>13年的Bug调试经验总结</p>
                    </a>
                    <a class="content_bottom_pulic_link" href="#">
                        <p>总结的最重要的经验教训...</p>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <div class="footer">
        <div class="footer_top">
            <div class="footer_top_subnav">
                <h3 class="footer_top_title footer_top_left">前端课程知识点</h3>
                <ul class="footer_top_one footer_top_content">
                    <li>
                        <a class="footer_top_link" href="#">html+css基础知识</a>
                    </li>
                    <li>
                        <a class="footer_top_link" href="#">切图排版与布局</a>
                    </li>
                    <li>
                        <a class="footer_top_link" href="#">jQuery基础</a>
                    </li>
                    <li>
                        <a class="footer_top_link" href="#">javascript程序设计</a>
                    </li>
                    <li>
                        <a class="footer_top_link" href="#">BOM与DOM操作</a>
                    </li>
                </ul>
                <ul class="footer_top_two footer_top_content">
                    <li>
                        <a class="footer_top_link" href="#">node.js后台开发</a>
                    </li>
                    <li>
                        <a class="footer_top_link" href="#">Ajax</a>
                    </li>
                    <li>
                        <a class="footer_top_link" href="#">MongoDB</a>
                    </li>
                    <li>
                        <a class="footer_top_link " href="#">jit/github/svn</a>
                    </li>
                </ul>
                <ul class="footer_top_theer footer_top_content">
                    <li>
                        <a class="footer_top_link" href="#">html5+css3开发</a>
                    </li>
                    <li>
                        <a class="footer_top_link" href="#">响应式布局开发</a>
                    </li>
                    <li>
                        <a class="footer_top_link" href="#">Angular2/react</a>
                    </li>
                    <li>
                        <a class="footer_top_link" href="#">swiper.js/zepto.js</a>
                    </li>
                </ul>
            </div>
            <div class="footer_top_topnav">
                <h3 class="footer_top_title footer_top_center">三个阶段</h3>
                <ul class="footer_top_four footer_top_content">
                    <li>
                        <a class="footer_top_link" href="#">第一阶段（免费）</a>
                    </li>
                    <li>
                        <a class="footer_top_link" href="#">第二阶段（提高）</a>
                    </li>
                    <li>
                        <a class="footer_top_link" href="#">第三阶段（进阶）</a>
                    </li>
                </ul>
            </div>
            <div class="footer_top_sidebar">
                <h3 class="footer_top_title footer_top_right">学院分布</h3>
                <img src="jpg/未标题6.jpg" alt="">
            </div>
        </div>
        <div class="footer_bottom">
            <a class="footer_bottom_link" href="#">
                <p class="footer_bottom_one footer_bottom_contert">网站地图</p>
            </a>
            <a class="footer_bottom_link" href="#">
                <p class="footer_bottom_two footer_bottom_contert">联系我们</p>
            </a>
            <a class="footer_bottom_link" href="#">
                <p class="footer_bottom_theer footer_bottom_contert">关注博易</p>
            </a>
            <a class="footer_bottom_link" href="#">
                <p class="footer_bottom_contert">报名系统入口</p>
            </a>
            <a class="footer_bottom_link" href="#">
                <p class="footer_bottom_fifter footer_bottom_contert">COPYRIGHT@秦皇岛博易科技开发公司冀ICP备0600521号</p>
            </a>
            <a class="footer_bottom_link" href="#">
                <p class="footer_bottom_six footer_bottom_contert">分享到：</p>
            </a>
            <a class="footer_bottom_link" href="#">
                <img class="footer_bottom_image" src="jpg/未标题7.jpg" alt="">
            </a>
            <a class="footer_bottom_link" href="#">
                <img class="footer_bottom_image" src="jpg/未标题8.jpg" alt="">
            </a>
            <a class="footer_bottom_link" href="#">
                <img class="footer_bottom_image" src="jpg/未标题9.jpg" alt="">
            </a>
            <a class="footer_bottom_link" href="#">
                <img class="footer_bottom_image" src="jpg/未标题10.jpg" alt="">
            </a>
            <a class="footer_bottom_link" href="#">
                <img class="footer_bottom_image" src="jpg/未标题11.jpg" alt="">
            </a>
        </div>
    </div>
</body>
</html>